@charset "utf-8";
#newProducts {
    width: 1190px;
    margin: 0 auto;
    margin-bottom: 40px;
    overflow: hidden;
    .new-left {
        width: 952px;
        background: #fafbfc;
        position: relative;
        h3 {
            margin-left: 18px;
            width: 1155px;
            font-size: 16px;
            color: #555;
            font-weight: bold;
            height: 47px;
            line-height: 54px;
            border-bottom: 2px solid #f3f4f6;
            text-indent: 10px;
            position: relative;
            span {
                position: absolute;
                top: 47px;
                left: 0;
                z-index: 1;
                width: 92px;
                height: 2px;
                background: #36ab87;
                display: block;
            }
        }
        .new-items {
            position: relative;
            margin: 15px 0 1px 18px;
            overflow: hidden;
            dl {
                margin: 0 13px 19px 13px;
                zoom: 1;
                float: left;
                width: 202px;
                height: 370px;
                display: block;
                position: relative;
                color: #606060;
                background: url(../images/indexico.png) no-repeat;
                background-position: -237px -6px;
                z-index: 11;
                cursor: default;
                dt {
                    float: left;
                    margin-bottom: 11px;
                    width: 202px;
                    height: 235px;
                    display: block;
                    overflow: hidden;
                    img {
                        margin: 23px auto 0;
                        display: block;
                        width: 116px;
                        height: 212px;
                    }
                }
                dd {
                    float: left;
                    margin: 0 auto;
                    width: 202px;
                    line-height: 17px;
                    text-align: center;
                    .new-name {
                        color: #2e2e2e;
                        width: 200px;
                        height: 24px;
                        line-height: 20px;
                        overflow: hidden;
                        display: inline-block;
                        cursor: pointer;
                        display: block;
                        font-size: 14px;
                    }
                    .new-qb {
                        span {
                            color: #ff5900;
                            font-size: 14px;
                            font-weight: bold;
                        }
                    }
                    .new-cart {
                        margin: 10px auto 0;
                        width: 124px;
                        height: 32px;
                        .new-btn-cart {
                            width: 124px;
                            height: 32px;
                            line-height: 32px;
                            text-align: center;
                            background: #36ab87;
                            color: #fff;
                            display: block;
                        }
                        .new-btn-cart:hover {
                            background: #2e9d7b;
                        }
                    }
                }
            }
            dl:hover {
                background-position: -237px -385px;
                cursor: pointer;
            }
        }
    }
    .new-right {
        box-sizing: border-box;
        width: 228px;
        height: 842px;
        padding: 0 18px 8px 0;
        background: #fafbfc;
        h3 {
            margin-left: 18px;
            font-size: 16px;
            color: #555;
            font-weight: bold;
            height: 46px;
            border-bottom: 2px solid #f3f4f6;
            line-height: 54px;
            text-indent: 6px;
            position: relative;
            span {
                position: absolute;
                top: 47px;
                left: 0;
                z-index: 1;
                width: 80px;
                height: 2px;
                background: #36ab87;
                display: block;
            }
        }
        p {
            text-align: center;
            margin: 8px 0 6px;
        }
        .lucky-list {
            margin-left: 14px;
            li {
                min-height: 71px;
                height: 90px;
                border-bottom: 1px dashed #e7e7e7;
                transition: all .2s linear;
                line-height: 90px;
                text-align: center;
                img {
                    width: 40px;
                    display: inline-block;
                    border-radius: 15px;
                }
                span {
                    display: inline-block;
                    font-size: 26px;
                    color: #ff5900;
                    margin-left: 20px;
                }
            }
            li:hover {
                background: #f3f4f6;
            }
            li.chosen {
                background-color: #333;
            }
            .btn-lucky {
                margin: 15px auto 0;
                width: 164px;
                height: 35px;
                line-height: 36px;
                text-align: center;
                display: block;
                font-size: 16px;
                color: #fff;
                border-bottom: 3px solid #e04e00;
                background: #ff5900;
                &:hover {
                    background: #f25806;
                }
            }
            .notclick {
                background: #666!important;
                border-bottom-color: #666!important;
            }
        }
    }
}